<template>
	<view class="viewbox auto d-flex f-wrap a-center j-sa m-bot30 m-top10" v-if="pageData">
		<view class="Nav m-top30 d-flex f-column a-center" 
		      v-for="(item,index) in pageData.list" :key="index"
			  @click="$PageUrl(item)">
			<image :src="$imgUrls(item.classify_img)" mode="aspectFill" class="Icon"></image>
			<text class="size28 color_33 m-top10">{{item.classify_name}}</text>
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"Navigation",
		props:['pageData'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.Nav{
		width:25%;
	}
	.Icon{
		width:88rpx;
		height: 88rpx;
	}
	
</style>